<template>
  <div id="pageEditor">
    <v-container grid-list-xl fluid>
      <v-layout row wrap>
        <v-flex sm12>
          <h3 class="pa-0">
            Awesome Quill Editor &nbsp;&nbsp;<a href="https://quilljs.com"
              >Offical Website</a
            >
          </h3>
        </v-flex>
        <v-flex sm12>
          <quill-editor
            class="quill"
            :content="content"
            :options="editorOption"
          >
          </quill-editor>
        </v-flex>
      </v-layout>
    </v-container>
  </div>
</template>

<script>
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'
export default {
  components: {
    quillEditor,
  },
  data() {
    return {
      content: 'Compose Epic Story...',
      editorOption: {},
    }
  },
  computed: {},

  methods: {},
}
</script>
<style lang="sass" scoped>
.quill
  height : 520px
</style>
